/**
 * 全局配置
 */
export const ThemeConfig = {
  // 初始主题（localStorage未设定的情况）
  initTheme: {
    logo: 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg',
    // 初始为亮色主题
    navTheme: 'light',
    // 初始主题色
    // 与customColorPrimarys数组中的某个值对应
    // null表示默认使用Ant Design默认主题色或customColorPrimarys第一种主题色方案
    colorPrimary: '#1890ff',
    layout: 'mix',
    contentWidth: 'fluid',
    fixedHeader: false,
    fixSiderbar: true,
    headerRender: false,
    footerRender: false,
    menuRender: false,
    menuHeaderRender: false,
    pwa: true,
    token: {},
    siderMenuType: 'sub',
  },
};

export const ThemeSettingMap = {
  navTheme: {
    name: '整体风格设置',
    data: [
      {
        label: '亮色主题',
        value: 'light',
      },
      { label: '暗色主题', value: 'dark' },
    ],
  },
  colorPrimary: {
    name: '主题色',
    data: [
      {
        value: '#1677ff',
      },
      {
        value: '#f5222d',
      },
      {
        value: '#fa8c16',
      },
      {
        value: '#722ed1',
      },
      {
        value: '#13c2c2',
      },
      {
        value: '#52c41a',
      },
    ],
  },
  layout: {
    name: '导航模式',
    data: [
      { label: '侧边菜单布局', value: 'side' },
      { label: '顶部菜单布局', value: 'top' },
      { label: '混合菜单布局', value: 'mix' },
    ],
  },
  siderMenuType: {
    name: '侧边菜单类型',
    data: [
      { label: '经典模式', value: 'sub' },
      { label: '分组模式', value: 'group' },
    ],
  },
  layoutFixed: {
    name: '内容区域宽度',
    data: [
      {
        name: 'contentWidth',
        label: '内容区域宽度',
        value: 'fluid',
        options: [
          { label: '定宽', value: 'fixed' },
          { label: '流式', value: 'fluid' },
        ],
      },
      { name: 'fixedHeader', label: '固定header', value: true },
      { name: 'fixSiderbar', label: '固定侧边菜单', value: true },
      { name: 'splitMenus', label: '自动分割菜单', value: true },
    ],
  },
  contentArea: {
    name: '内容区域',
    data: [
      { name: 'headerRender', label: '顶栏', value: true },
      { name: 'footerRender', label: '页脚', value: true },
      { name: 'menuRender', label: '菜单', value: true },
      { name: 'menuHeaderRender', label: '菜单头', value: true },
    ],
  },
};
